@charset "utf-8";
/* ===================首页样式========================== */
/* banner */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner a{display: block;width: 100%;}
.banner-img{width: 100%;}
.banner-imgpc,.banner-imgmb{width: 100%;object-fit: cover;}
.banner-imgpc{min-height: 360px;height: 730px;}
.banner-imgmb{min-height: 320px;display: none;}
.banner .swiper-pagination{bottom: 40px;}
.banner .swiper-pagination-bullet {width: 10px;height: 10px;transition: width .4s ease;border-radius: 10px;border: 2px solid #fff;background: transparent;opacity: 1;margin: 0 7px !important;}
.banner .swiper-pagination-bullet-active{background: #fff;width: 40px;}
.banner{display: none;}
.banner.ontrue{display: block;}

/* bar头 */
.indtb{width: 100%;overflow: hidden;}
.indtb ul{margin-left: -0.3333%;}
.indtb li{width: 33%;float: left;margin-left: 0.3333%;margin-top: 12px;overflow: hidden;}
.indtb li a{display: block;width: 100%;position: relative;}
.indtb li a:after{content: "";position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .2;transition: all .4s ease;display: none;}
.indtb li img{width: 100%;object-fit: cover;transition: all .4s linear;}
.indtb-wd{width: 100%;position: absolute;z-index: 2;bottom: 44px;padding: 0 44px;color: #fff;}
.indtb-wd p{font-family: "MONTSERRAT_BOLD";font-size: 20px;text-transform: uppercase;line-height: 1.1em;}
.indtb-wd h1{font-size: 24px;font-weight: 700;margin-top: 12px;}
.indtb li a:hover img{transform: scale(1.06);}
.indtb li a:hover:after{opacity: .4;}

/* 项目 */
.indxm{width: 100%;overflow: hidden;padding: 100px 100px 120px;}
.indtit{width: 100%;}
.indtit-wd{float: left;}
.indtit-wd p{font-size: 44px;color: #1a1a1a;font-family: "MONTSERRAT_BOLD";text-transform: uppercase;}
.indtit-wd h6{font-size: 30px;color: #1a1a1a;margin-top: 2px;}
.indtit-wd h6 span{display: inline-block;position: relative;}
.indtit-wd h6 span:after{content: "";position: absolute;width: 40px;height: 2px;background: #00659c;top: 50%;right: -64px;}
.indtit-xm{float: right;font-size: 0;width: 92px;padding-top: 24px;}
.indtit-xm>div{width: 50%;height: 46px;display: inline-block;background: url("../images/eventArr.png") no-repeat right center;cursor: pointer;transition: all .4s ease;}
.indtit-xm>div:hover{background-image: url('../images/eventArrH.png');}
.indtit-xm>div.indtit-xm-prev{transform: rotate(180deg);}
.indtit-xm>div.swiper-button-disabled{opacity: .5;cursor: default;}
.indtit-xm>div.swiper-button-disabled:hover{background-image: url('../images/eventArr.png');}
.indxm-loop{width: 100%;margin-top: 68px;position: relative;}
.indxm-link{display: block;width: 100%;position: relative;overflow: hidden;}
.indxm-link img{width: 100%;object-fit: cover;transition: all .4s linear;}
.indxm-link h1{position: absolute;width: 100%;bottom: 32px;padding: 0 32px;left: 0;font-size: 20px;color: #fff;font-weight: 700;z-index: 2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.indxm-link:after{content: "";position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: url('../images/eventSd.png') repeat-x left bottom /auto 100%;}
.indxm-link:hover img{transform: scale(1.06);}
.indxm-line{width: 100%;height: 2px;background: #ededed;position: relative;margin-top: 56px;}
.indxm-line-roll{position: absolute;width: 0;height: 2px;top: 0;left: 0;background: #00659c;}
.sy_proimg{position: relative; padding-bottom: 75%;}
.sy_proimg img{position: absolute; height: 100%;width: 100%;}

/* 资讯 */
.indxw{width: 100%;padding: 0 100px 134px;overflow: hidden;}
.indtit-xw{float: right;padding-top: 24px;}
.indtit-xw a{display: block;position: relative;width: 116px;height: 36px;font-size: 0;overflow: hidden;}
.indtit-xw a span, .indtit-xw a i{display: block;height: 24px;line-height: 24px;transition: all .4s ease;}
.indtit-xw a span{font-size: 14px;color: #1a1a1a;font-weight: 700;letter-spacing: .2em;text-transform: uppercase;float: left;}
.indtit-xw a i{float: right;width: 16px;background: url('../images/eventArr.png') no-repeat center;}
.indtit-xw a:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #1a1a1a;transition: all .4s ease;}
.indtit-xw a:hover span{color: #00659c;letter-spacing: .3em;}
.indtit-xw a:hover i{background-image: url('../images/eventArrH.png');transform: translateX(-4px);}
.indtit-xw a:hover:after{background: #00659c;}
.indxw-item{width: 100%;margin-top: 68px;}
.indxw-loop{width: 48.8%;float: left;}
.indxw-loopwdimg{width: 100%;position: relative;display: block;overflow: hidden;}
.indxw-loopimg{width: 100%;object-fit: cover;height: 442px;transition: all .4s linear;}
.indxw-loopwd{position: absolute;z-index: 2;overflow: hidden;background: rgba(0,0,0,.5);transition: all .4s ease;padding: 18px 150px 18px 18px;left: 0;bottom: 0;width: 100%;}
.indxw-loopwd span{display: block;width: 100%;color: #fff;font-size: 16px;font-family: Arial, Helvetica, sans-serif;}
.indxw-loopwd h1{width: 100%;font-size: 18px;margin-top: 8px;color: #fff;font-weight: 700;position: relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.indxw-loop .swiper-pagination{width: 150px;left: auto;right: 0;padding-right: 16px;text-align: right;bottom: 18px;}
.indxw-loop .swiper-pagination-bullet {width: 6px;height: 6px;border-radius: 100%;background: #fff;opacity: 1;margin: 0 4px !important;}
.indxw-loop .swiper-pagination-bullet-active {background: #00659c;}
.indxw-loopwdimg:hover .indxw-loopimg{transform: scale(1.06);}
.indxw-loopwdimg:hover .indxw-loopwd{background: rgba(0,0,0,.6);}
.swiper-slide-active .indxw-loopwd span{animation: indxwP .8s ease both 400ms;}
.swiper-slide-active .indxw-loopwd h1{animation: indxwP .8s ease both 800ms;}
@keyframes indxwP{0%{opacity: 0;transform: translateY(40px);}100%{opacity: 1;transform: translateY(0);}}
.indxw-list{width: 48.2%;float: right;}
.indxw-list a{display: block;width: 100%;padding: 18px 0;border-top: 1px solid #d7d7d7;overflow: hidden;}
.indxw-list a:last-child{border-bottom: 1px solid #d7d7d7;}
.indxw-listimg{width: 110px;height: 110px;float: left;overflow: hidden;background: #e7e9eb;text-align: center;padding-top: 10px;transition: all .4s ease;}
.indxw-listimg h6{font-size: 46px;color: #00659c;padding-bottom: 8px;position: relative;transition: all .4s ease;}
.indxw-listimg h6:after{content: "";position: absolute;width: 22px;height: 1px;background: #999;bottom: 0;left: 50%;margin-left: -11px;transition: all .4s ease;}
.indxw-listimg p{font-size: 20px;color: #666;margin-top: 8px;transition: all .4s ease;}
.indxw-listwd{width: calc(100% - 110px);float: right;padding-left: 30px;padding-top: 10px;}
.indxw-listwd h1{font-size: 18px;color: #333;font-weight: 700;line-height: 1.4em;transition: all .4s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.indxw-listwd p{font-size: 14px;color: #666;line-height: 28px;height: 56px;margin-top: 12px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.indxw-list a:hover .indxw-listwd h1{color: #00659c;}
.indxw-list a:hover .indxw-listimg{background: #00659c;}
.indxw-list a:hover .indxw-listimg h6, .indxw-list a:hover .indxw-listimg p{color: #fff;}
.indxw-list a:hover .indxw-listimg h6:after{background: #fff;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .indtb-wd p{font-size: 18px;}
    .indtb-wd h1 {font-size: 22px;margin-top: 10px;}
    .indtb-wd {bottom: 38px;padding: 0 38px;}
    .indxm {padding: 80px 4% 100px;}
    .indtit-wd p{font-size: 38px;}
    .indtit-wd h6{font-size: 26px;}
    .indxm-loop, .indxw-item{margin-top: 54px;}
    .indtit-xm {padding-top: 20px;}
    .indxm-line {margin-top: 48px;}
    .indxw {padding: 0 4% 110px;}
    .indxw-loopimg{height: 400px;}
    .indxw-listimg h6{font-size: 38px;}
    .indxw-listimg{height: 104px;}
    .indxw-list a {padding: 14px 0;}
    .indxw-listwd p{line-height: 24px;height: 48px;}
    .banner .swiper-pagination{bottom: 36px;}
    .indtit-xw {padding-top: 20px;}
    .banner-imgpc{height: 640px;}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .indtb-wd p {font-size: 16px;}
    .indtb-wd h1 {font-size: 20px;margin-top: 8px;}
    .indtb-wd {bottom: 32px;padding: 0 32px;}
    .indxm {padding: 74px 4% 80px;}
    .indtit-wd p {font-size: 34px;}
    .indtit-wd h6 {font-size: 22px;}
    .indtit-xm {padding-top: 12px;}
    .indxm-link h1 {bottom: 28px;padding: 0px 28px;font-size: 18px;}
    .indxm-loop, .indxw-item {margin-top: 44px;}
    .indxm-line {margin-top: 44px;}
    .indxw {padding: 0 4% 88px;}
    .indxw-listimg h6 {font-size: 32px;}
    .indxw-listimg p{font-size: 18px;}
    .indxw-listimg {height: 90px;}
    .indxw-listwd p {line-height: 22px;height: 44px;margin-top: 6px;}
    .indxw-listwd {padding-left: 28px;padding-top: 6px;}
    .indxw-loopwd h1 {font-size: 16px;margin-top: 6px;}
    .indxw-loopimg{height: 358px;}
    .banner .swiper-pagination{bottom: 28px;}
    .indtit-xw {padding-top: 16px;}
    .banner-imgpc{height: auto;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .indtit-wd p {font-size: 30px;}
    .indxm {padding: 60px 4% 68px;}
    .indtit-xm{width: 80px;}
    .indtit-xm>div{height: 40px;}
    .indxm-loop, .indxw-item {margin-top: 38px;}
    .indtit-wd h6 span:after {width: 34px;right: -46px;}
    .indxw {padding: 0 4% 68px;}
    .banner .swiper-pagination {bottom: 24px;}
    .indtit-xw {padding-top: 12px;}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .banner .swiper-pagination {bottom: 18px;}
    .indtb-wd p {font-size: 14px;}
    .indxw-loop{width: 100%;}
    .indxw-loopimg {height: 472px;}
    .indxw-list{width: 100%;margin-top: 28px;}
    .indtb-wd h1{font-size: 18px;}
    .indtb-wd {bottom: 20px;padding: 0 20px;}
    .indxm-link h1 {bottom: 20px;padding: 0px 20px;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-imgpc{display: none;}
    .banner-imgmb{display: block;}
    .indtb ul {margin-left: 0;}
    .indtb li {width: 100%;margin-left: 0;margin-top: 10px;}
    .banner .swiper-pagination-bullet{width: 7px;height: 7px;border-radius: 7px;}
    .banner .swiper-pagination-bullet-active{width: 28px;}
    .banner .swiper-pagination {bottom: 16px;}
    .indtit-wd p {font-size: 22px;}
    .indtit-wd h6 {font-size: 18px;}
    .indtit-xm {padding-top: 8px;}
    .indxm {padding: 38px 4% 40px;}
    .indxm-loop, .indxw-item {margin-top: 32px;}
    .indxm-line {margin-top: 28px;}
    .indxm-link h1{font-size: 18px;}
    .indtit-xw {padding-top: 8px;}
    .indtit-xw a{width: 104px;}
    .indxw-loopimg{min-height: 200px;}
    .indxw-loopwd {padding: 16px 18px 28px;}
    .indxw-loop .swiper-pagination{width: 100%;bottom: 6px;}
    .swiper-slide-active .indxw-loopwd span, .swiper-slide-active .indxw-loopwd h1{animation: none;}
    .indxw-listimg h6 {font-size: 28px;}
    .indxw-listimg {width: 86px;height: 86px;}
    .indxw-listwd {width: calc(100% - 86px);padding-left: 20px;padding-top: 6px;}
    .indxw {padding: 0 4% 42px;}
    .indxw-loopimg {height: 220px;}
    .indxw-listimg p {font-size: 16px;}
}